﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>控制面板</title>
    <link href="~/Areas/Admin/plugins/layui/css/layui.css" rel="stylesheet" />
    <link href="~/Areas/Admin/Content/css/main.css" rel="stylesheet" />
    <link href="~/Content/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="~/Content/css/card-style.css" rel="stylesheet" />
    <style>
        legend {
            display: block;
            width: 100px;
            border-bottom: 0px;
            font-family: "Microsoft YaHei", "Helvetica Neue";
        }

            legend a {
                color: #666;
            }

                legend a:hover {
                    text-decoration: none;
                }

        .x-body {
            padding: 20px;
        }

        .bgcolor-commred {
            background: #ff6c60;
        }



        .panel {
            margin-bottom: 20px;
            background-color: #fff;
            border: 1px solid transparent;
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
        }

        .bgcolor-blue {
            background: #1E9FFF;
        }

        .bgcolor-dark-green {
            background: #009688;
        }

        .bgcolor-yellow-green {
            background: #5FB878;
        }

        .symbol {
            width: 40%;
            padding: 1.4em 0;
            border-radius: 4px 0 0 4px;
            display: inline-block;
            text-align: center;
        }

            .symbol i {
                color: #fff;
                font-size: 3em;
            }

        .value {
            width: 58%;
            text-align: center;
            float: right;
        }

            .value a {
                color: #666;
                font-family: "Microsoft YaHei","Helvetica Neue";
            }

            .value h1 {
                font-size: 1.8em;
                margin-top: 10px;
            }

        .layui-elem-quote {
            padding: 10px 20px;
            margin: 0 0 20px;
            font-size: 17.5px;
            border-left: 5px solid #25a2ea;
            font-family: "Microsoft YaHei","Helvetica Neue";
        }
    </style>
</head>
<body>
    <div class="x-body">
        <blockquote class="layui-elem-quote">
            欢迎使用云清博客后台管理系统！<span class="f-14">v1.0</span>
        </blockquote>
        <div class="layui-row">
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
                <section class="panel">
                    <div class="symbol bgcolor-blue">
                        <i class="fa fa-address-card"></i>
                    </div>
                    <div class="value tab-menu" bind="1">
                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="总文章数">
                            <i class="iconfont " data-icon=""></i>
                            <h1>@ViewBag.articles</h1>
                        </a>
                        <a href="javascript:;" data-url="" data-parent="true" data-title="总文章数"> <i class="iconfont " data-icon=""></i><span>总文章数</span></a>
                    </div>
                </section>
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
                <section class="panel">
                    <div class="symbol bgcolor-commred">
                        <i class="fa fa-handshake-o"></i>
                    </div>
                    <div class="value tab-menu" bind="1">
                        <a href="javascript:;" data-url="" data-parent="true" data-title="总用户数">
                            <i class="iconfont " data-icon=""></i>
                            <h1>@ViewBag.qqusers</h1>
                        </a>
                        <a href="javascript:;" data-url="" data-parent="true" data-title="总用户数"> <i class="iconfont " data-icon=""></i><span>总用户数</span></a>
                    </div>
                </section>
            </div>

            <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
                <section class="panel">
                    <div class="symbol bgcolor-dark-green">
                        <i class="fa fa-bar-chart"></i>
                    </div>
                    <div class="value tab-menu" bind="1">
                        <a href="javascript:;" data-url="" data-parent="true" data-title="今日发文">
                            <i class="iconfont " data-icon=""></i>
                            <h1>@ViewBag.artilenums</h1>
                        </a>
                        <a href="javascript:;" data-url="" data-parent="true" data-title="今日发文"> <i class="iconfont " data-icon=""></i><span>今日发文</span></a>
                    </div>
                </section>
            </div>

            <div class="layui-col-xs6 layui-col-sm4 layui-col-md3">
                <section class="panel">
                    <div class="symbol bgcolor-yellow-green">
                        <i class="fa fa-cubes"></i>
                    </div>
                    <div class="value tab-menu" bind="1">
                        <a href="javascript:;" data-url="" data-parent="true" data-title="今日留言">
                            <i class="iconfont " data-icon=""></i>
                            <h1>@ViewBag.feedback</h1>
                        </a>
                        <a href="javascript:;" data-url="" data-parent="true" data-title="今日留言"> <i class="iconfont " data-icon=""></i><span>今日留言</span></a>
                    </div>
                </section>
            </div>

        </div>

        <fieldset class="layui-elem-field layui-field-title site-title">
            <legend><a name="default">好文推荐</a></legend>
            <div class="layui-row">
                <div class="layui-col-xs6 layui-col-sm3 layui-col-md3">
                    <article class="card">
                        <header class="card__header">
                            <img class="card__preview" src="~/Content/image/nature.jpg" alt="Preview img">
                        </header>
                        <div class="card__body">
                            <div class="card__content">
                                <p>这个秘密可以让你得到你想要的一切，包括快乐健康财富。你能拥有一切，达到你的目标，变成你想成为的人。我们可以拥有一切我们想拥有的东西，无论什么都能得到。</p>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </fieldset>
    </div>
    <!--动态线条背景-->
    <script type="text/javascript"
            color="220,220,220" opacity='0.8' zIndex="-2" count="200" src="//cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js">
    </script>
</body>
</html>
